<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Campo con patrón</title>
</head>
<body>
<h1>Campo con patrón</h1>

<form action="#">
	<label for="pais">Código de País</label><input id="pais" type="text" pattern="[A-Za-z]{3}" title="3 primeras letras de tu pais"/>
	<p>Inserta un contenido diferente a tres letras y pulsa en validar</p>
	<button>Validar</button>
</form>

<br/><br/>
<hr>
Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/html5/autocompletar-formularios-con-html5/">http://lineadecodigo.com/html5/autocompletar-formularios-con-html5	/</a><br/>
<a href="http://lineadecodigo.com/author/daverndn/">David Rendón</a> para <a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>

</body>
</html>